<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>014-媒体查询-宽度-min-max.html</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
	<style>
		/*
		@media screen and (min-width: 320px){
			body{
				background-color: red;
			}
		}
		*/
		/*
		@media screen and (max-width:320px){
			body{
				background-color: red;
			}
		}
		*/
		@media screen and (min-width: 320px) and (max-width: 980px){
			body{
				background-color: red;
			}
		}
	</style>
</head>
<body>
	文字
</body>
</html>